// 1. 定义主题色变量
$--color-primary: #409EFF;  // 主色调淡蓝
$--color-success: #67C23A;
$--color-warning: #E6A23C;
$--color-danger: #F56C6C;
$--color-info: #909399;

// 2. 覆盖Element Plus默认变量（需在导入前定义）
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': ( 'base': $--color-primary ),
    'success': ( 'base': $--color-success ),
    'warning': ( 'base': $--color-warning ),
    'danger': ( 'base': $--color-danger ),
    'error': ( 'base': $--color-danger ),
    'info': ( 'base': $--color-info )
  )
);

// 3. 导入Element Plus样式（必须放在变量覆盖之后）
@use "element-plus/theme-chalk/src/index.scss" as *;

// 4. 全局基础样式
body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
  background-color: #f5f7fa;  // 淡灰色背景
}

// 5. 自定义辅助类
.text-primary {
  color: $--color-primary;
}

.bg-light-blue {
  background-color: #f0f9ff;  // 浅蓝色背景
}

// 6. 修复布局问题
#app {
  height: 100vh;
  overflow: hidden;
}

.el-container {
  height: 100%;
}